<header class="header">
    <div class="search-return" id="productListRtn" style="width: 20%;"><img src="images/return-icon.png"/></div>
    <div class="title-center" id="pageTitle_productList">知识库列表</div>
    <div class="next-operation">
        <div class="closed-head-icon"></div>
    </div>
</header>

<div id="top-margin-count" class="top-margin-count">
    <div id="search-search" class="knowledge-base-search2">
        <div class="search_input search_input_margin">
            <span class="search_on"></span>
            <input type="text" name="test" id="search_on_input"
                   class="search_on_input search_on_input_closed"
                   placeholder="搜索关键字" oninput="productList.textChange(event)" onporpertychange="productList.textChange(event)"/>
            <a class="search_result_on_closed"></a>
        </div>
        <a href="javascript:void(0);" id="product-search-word" class="search-word">取消</a>
    </div>
    <div class="history-count" style="display: none;">
        <ul class="select_history" id="historyList">
            <li><img src="images/history-search.png" class="search-img"/>

                <div class="keyword-div">关键字</div>
                <div class="history-delect"><img src="images/history-delect.png"/></div>
            </li>

        </ul>
        <div class="history-clear">
            <div class="history-clear-btn">清空历史记录</div>
            <div class="history-closed">关闭</div>
        </div>
    </div>
    <div id="knowledge-search" class="knowledge-base-search2" style="display: none;">
        <div class="search_input search_input_margin">
            <span class="search_on"></span><input type="text" name="test" id="knowledge_search_on_input"
                                                  class="search_on_input search_on_input_closed" placeholder="搜索关键字"/>
            <a class="search_result_on_closed"></a>
        </div>
        <a href="javascript:void(0);" id="knowledge-search-word" class="search-word">搜索</a>
    </div>
    <!--价值文档使用的层-->
    <div class="product-knowledge" style="display: none;">
        <div class="value-list-title-left" id="indestryList">
            <div id="indestry-click" class="product-down">行业<i class="down"></i></div>
        </div>
        <div class="value-list-title-center productListForClick">
            <div id="product-click" class="product-down">产品<i class="down"></i></div>
        </div>
        <div class="value-list-title-right" id="search-click">
            <div class="product-search-right"><i></i>搜索</div>
        </div>
    </div>
    <!--产品使用的层-->
    <div id="product-div" class="product-knowledge-product" style="display: none">
        <div class="product-knowledge-left productListForClick">
            <div id="product-product-click" class="product-down">产品<i class="down"></i></div>
        </div>
        <div class="product-knowledge-right" id="product-search-click">
            <div class="product-search-right"><i></i>搜索</div>
        </div>
    </div>
    <div id="selected-keyword" style="display: none">
        <div id="keyword-body"></div>
    </div>
    <div id="productFirstNav" class="product-list-title iscrollListContent2"
         style="top:4.4rem;z-index:999;background-color: #fff;">
        <ul id="product-list-ul" class="product-list-ul">
        </ul>
    </div>
    <div id="industryHtmlDiv" class="iscrollListContent" style="top:4.0rem;display:none;">
        <div id="industryHtmlScroller">
            <ul class="select_mode" id="industryHtml">
            </ul>
        </div>
    </div>
    <div id="productHtmlDiv" class="iscrollListContent" style="top:4.0rem;display:none;">
        <div id="productHtmlScroller">
            <ul class="select_mode" id="productHtml">
            </ul>
        </div>
    </div>
    <div class="value-document-footer" style="display: none;">
        <ul id="resetButton" class="value-document-footer-ul">
            <li><a class="reset"></a></li>
            <li class="color_style">重置</li>
        </ul>
        <ul id="confirmButton" class="value-document-footer-ul value-document-footer-ulbg">
            <li><a class="determine"></a></li>
            <li>确定</li>
        </ul>
    </div>
    <div id="productSecondNav" class="product-list-title iscrollListContent2"
         style="display: none;background-color: #f7f7f7;">
        <div class="pro-secound">
            <!--<a>价值文档</a><a>竞品信息</a><a>问题列表</a><a>价值文档</a><a>竞品信息</a><a>问题列表</a><a>价值文档</a><a>竞品信息</a><a>问题列表</a><a>价值文档</a><a>竞品信息</a><a>问题列表</a><a>价值文档</a><a>竞品信息</a><a>问题列表</a>-->
        </div>
    </div>
    <div id="product-list-table" class="iscrollListContent" style="top:7.5rem;">
        <div id="product-shellkm-list">
        </div>
    </div>
</div>

<div class="mask" id="assign" style="display:none;">
    <!-- 指派人 -->
    <div class="assign_modal" id="userList">
        <div class="select">
            <ul class="popLayerHeaderUl">
                <li><span class="popLayerHeaderTitle"></span></li>
                <li id="assign_person"></li>
                <li><a href="javascript:void(0);" class="point"></a></li>
            </ul>
        </div>
        <div class="contact_person_count">
            <div class="iscrollListContent" id="attachmentList_productList_iscroll" style="top:1.4rem;">
                <div class="scroller">
                    <div id="attachmentList_List">

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
